:root {
  --tandaza-primary-color: #3f2f6f;
  --tandaza-secondary-color: #543f94;
  --tandaza-yellow: #FDE428;
  --tandaza-light-yellow: #ecece8;
  --tandaza-xtralight-yellow: #f4f4ef;
  --tandaza-light-grey: #f5f5f5;
  --tandaza-dark-grey: #4b4b4b;
  --tandaza-smokey-white: #dee2e6;
  --tandaza-cream: #F9F5EC;
  --tandaza-muted-grey: #858585;
  --tandaza-near-black:#282828;
}

body,
html {
  font-size: 14px;
  scroll-behavior: smooth;
}

body,
h1,
h2,
h3 {
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
}

h2,
h3,
p {
  padding-block: .8rem;
  margin: 0;
  line-height: 1.4;
}
a{
  text-decoration: none;
}
img {
  max-width: 100%;
}

.text-center {
  text-align: center;
}

header,
section {
  padding: 4em;
}



/*-------------------------------------Top Nav---------------------------  */
#topnav {
  display: flex;
  background-color: var(--tandaza-primary-color);
  color: white;
  padding: .5rem 0;
  text-align: center;
  justify-content: center;
  padding: .5rem 1rem;
}

#topnav .email {
  color: var(--tandaza-yellow);
}

/* On small screens hide the top Nav */
@media (max-width:768px) {
  #topnav {
    display: none;
  }
}

.topnavitem {
  flex-grow: 1;
  text-align: center;
  font-size: .8rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.topnavitem .bx {
  font-size: 1.5rem;
}

#navbarmain .bx {
  font-size: 1.5rem;
}

#navbarmain {
  min-height: 4rem;
}

.logo img {
  width: 5rem;
}

@media(min-width:992px) {
  .logo img {
    width: 8rem;
  }
}

.navbar .logo {
  flex-grow: 1;
}

.navbar #navbarmain {
  flex-grow: 1;

}

.nav-item .dropdown-item {
  padding: .5rem;
  color: white;
}

.nav-item .dropdown-item:hover {
  color: black;
}

.dropdown-menu {
  background-color: var(--tandaza-primary-color);
  color: black;
}

.social {
  display: flex;
  gap: 10px;
}

.social .bx {
  cursor: pointer;
}

.social a {
  color: var(--tandaza-primary-color);
}


.homepage .carousel {
  height: calc(100vh - 50px);
}

/* for larger screens set new height */
@media(min-width:768px) {
  .homepage .carousel {
    height: calc(100vh - 7.5rem);
  }
}

.homepage .carousel-inner,
.homepage .carousel-item {
  height: 100%;
}

.carousel-item {
  position: relative;
}

.homepage .carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background: linear-gradient(to right, var(--tandaza-primary-color), transparent);
}

.carousel-caption {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  text-align: left;
}

@media(max-width:768px) {
  .carousel-caption {
    position: absolute;
    top: 40%;
    left: 30%;
    transform: translate(-50%, -50%);
    text-align: left;
  }
}

.carousel-caption h5 {
  font-size: 2.5rem;
  color: white;
  font-weight: 800;
}

.carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.marketing .carousel {
  height: 300px;
}

.hrline-min {
  border-style: solid;
  /* Specify border style */
  border-color: var(--tandaza-yellow);
  border-width: 0 0 1px 0;
  /* Set bottom border only, adjust thickness as needed */
  animation: growLine 2s forwards;
  /* Apply the animation */
}

@keyframes growLine {
  from {
    width: 0;
    /* Start with width 0 */
  }

  to {
    width: 3em;
    /* Grow to 100% width */
  }
}

@media(max-width:768px) {
  @keyframes growLine {
    from {
      width: 0;
      /* Start with width 0 */
    }

    to {
      width: 2em;
      /* Grow to 100% width */
    }
  }
}

.businessplan {
  background-color: var(--tandaza-yellow);
}

.businessplan h5 {
  font-weight: 800;
}

.zambarau-tandaza-btn-solid {
  width: 10rem;
  height: 3.5rem;
  background-color: var(--tandaza-primary-color);
  padding: 1rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
}

.zambarau-tandaza-btn-solid:hover {
  background-color: var(--tandaza-secondary-color);

}

.businessplan a {
  text-decoration: none;
}


.services,
.industries,
.cases {
  padding: 3rem 1rem 2rem 1rem;
  min-height: 350px;

}

.services {
  background-color: var(--tandaza-light-grey)
}

.industries {
  background-color: white
}

.services h4,
.industries h4,
.cases h4 {
  color: var(--tandaza-primary-color);
  text-align: center;
  font-weight: 800;

}

.card {
  position: relative;
}

.card:hover {
  background-color: var(--tandaza-primary-color);
  transition: background-color 0.2s ease-in-out;
  color: white;
}

.card-img-container {
  position: relative;
}

.card .bx-plus {
  font-size: 72px;
  /* Adjust font size as needed */
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
}

.card:hover .bx {
  opacity: 1;
}

.card-img-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: opacity 0.2s ease;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.card-img-container:hover::before {
  opacity: 0.5;
  /* Change opacity on hover */
}

.card-text {
  line-height: 1.2;
  color: var(--tandaza-dark-grey);
}

.services .card-body a {
  text-decoration: none;
  color: black;
}

@media (max-width:768px) {
  .services .card-body a {
    text-decoration: underline;
  }
}

.card:hover a {
  color: white;
  text-decoration: underline;
}

.card a:hover {
  color: var(--tandaza-yellow);
}

.card:hover .card-text {
  color: white;
}

.card .bx-chevron-right {
  font-size: 2rem;
}

.col a:first-of-type {
  text-decoration: none;
}

.services .card-title:hover {
  color: var(--tandaza-yellow);
  cursor: pointer;
}

.industry-card {
  min-height: 10rem;
  padding-inline: 1rem;
  margin-inline: 25px;
  border: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 5px;
}


@media(max-width:768px) {
  .industries .row .col {
    margin-inline: 0;
  }
}


.industries .bx {
  font-size: 5rem;
  color: var(--tandaza-secondary-color);
}

.industry-card {
  position: relative;
  /* Ensure the card is the reference point for the absolute positioning of the pseudo-element */
  overflow: hidden;
  /* Hide any overflow content */
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
  background-color: white;
}

.industry-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tandaza-dark-grey);
  color: var(--tandaza-smokey-white);
  padding: 2rem;
  line-height: 1.5;
  opacity: 0;
  /* Start hidden */
  transition: opacity 0.3s ease-in-out;
  /* Smooth transition */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1;
  /* Ensure it's above other content in the card */
}

.industry-card:hover::before {
  opacity: 1;
}

.industry-card:nth-child(1):hover::before {
  content: 'Travel Agencies, Tour Operators, Tourist Attractions, Cultural and heritage sites.';
}

.industry-card:nth-child(2):hover::before {
  content: 'Hotels, Resorts, Bed and Breakfasts, Hostels.';
}

.industry-card:nth-child(3):hover::before {
  content: 'Restaurants, Cafes, Catering Services.';
}

.industry-card:nth-child(4):hover::before {
  content: 'Theme parks, Entertainment Venues, Sports Facilities.';
}

.industry-card:nth-child(5):hover::before {
  content: 'Music Festivals, Film Festivals, award Ceremonies.';
}

.industry-card:nth-child(6):hover::before {
  content: 'University orientations, alumni events, academic conferences.';
}

.industry-card:nth-child(7):hover::before {
  content: 'Medical conferences, wellness programs.';
}

.industry-card:nth-child(8):hover::before {
  content: 'Sporting events, team-building exercises for corporates.';
}

.industry-card:nth-child(9):hover::before {
  content: 'Public sector events, governmental conferences, community outreach programs.';
}



.cases .col-md-5 {
  object-fit: cover;
  border-radius: 5px;
}

.cases .col-md-5 img {
  transition: 1s;
}

.cases .col-md-5 img:hover {
  transform: scale(1.05);
}

.cases .col-md-5 img {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .6);
}

.tab-pane p,
.tab-pane h4,
.tab-pane h5 {
  line-height: 1.2;
}

.use-case-item {
  padding: 2rem;
}

.use-case-item h5 {
  color: var(--tandaza-yellow);
  font-weight: bold;
  font-size: 1.1rem;
}

.cases {
  background-color: var(--tandaza-light-yellow);
}

.featured p {
  color: var(--tandaza-dark-grey)
}

.cases button {
  background-color: transparent;
  border: solid 1px var(--tandaza-primary-color);
  padding: 1rem;
  margin-right: 10px;
  color: var(--tandaza-primary-color);
}

.cases li button {
  width: 100%;
}

.clientinfolit p {
  line-height: 1.4;
  margin-block: 1rem;
}

@media (max-width:768px) {
  .clientinfolit p {
    padding-inline: .5rem;
  }
}

.portfolio-1 {
  border-top-left-radius: 5em;
  border-bottom-right-radius: 5em;
  background-color: var(--tandaza-secondary-color);
  color: var(--tandaza-smokey-white);
}




/* ---------------------------------------------About us  -----------------------------------*/

.about-container {
  position: relative;
}

.banner {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
}

@media (max-width:768px) {
  .banner {
    height: 160px;
  }
}

.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;

  z-index: 1;
}

.about-container .banner::before {
  background: linear-gradient(to right, var(--tandaza-yellow), transparent);
}

/* .services-container .banner::before{
  background:linear-gradient(to right, var(--tandaza-primary-color) ,transparent);
  opacity: .5;
} */
.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.banner .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  /* Adjust text color for better visibility */
  padding: 10px;
  border-radius: 5px;
  z-index: 2;
}


.ceo {
  margin-block: 0;
  padding-block: 0;
}

.ceo .col img {
  width: 100%;
  max-height: 100%;
  display: block;
}

.ceo .col-md-7 h4 {
  font-weight: 600;
  color: var(--tandaza-secondary-color);
}

.ceo .col-md-7 p {
  color: grey;
}

.ceo .col-md-7 h5 {
  font-weight: 600;
  color: var(--tandaza-secondary-color);
}

.seaweed-script-regular {
  font-family: "Seaweed Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.avator-container {
  width: 5rem;
  height: 5rem;
  border-radius: 2.5rem;
  overflow: hidden;
}

.avator-wrapper {
  border-right: solid 1px rgb(186, 186, 186)
}

.why-us {
  background-color: white;
}

.why-us h4 {
  color: var(--tandaza-secondary-color);
}

.why-us .reason {
  display: flex;
  align-items: center;
}

.reason .bullet {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin-right: 1rem;
  margin-top: 1rem;
}

.reason .bx {
  font-size: 3em;
  color: var(--tandaza-secondary-color);
}

.reason h6 {
  margin: 0;
  font-size: 1.2em;
  font-weight: 700;
}

.whyusimg {
  width: 100%;
  height: auto;
}

.section-2 {
  background-color: var(--tandaza-smokey-white);
  padding: 2.5em;
}
.section-2 p{
  color: var(--tandaza-near-black);
}
.prop-item{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color:var(--tandaza-light-yellow);
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-block: 2em;
}
.section-2 .value-props img:not(:last-child) {
  width: 2.5em;
  color: var(--tandaza-primary-color);
}

.section-2 .value-props img:last-child {
  width: 3em;
  opacity: .4;
}

.section-2 .value-props h6 {
  margin-top: 1rem;
}

.section-2 h4 {

  color: var(--tandaza-primary-color)
}

.clients {
  background-color: var(--tandaza-light-grey);
}

.clients h4 {
  color: var(--tandaza-primary-color);
}

.client-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* Adjust space between items */
  gap: 1rem;
  /* Space between logos */
}

.img-container {
  width: 120px;
  /* Fixed width */
  height: 120px;
  /* Fixed height */
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 0 2em var(--tandaza-dark-grey);

}

.img-container .logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.section-seperator {
  width: 5em;
  height: .35em;
  background-color: var(--tandaza-primary-color);
  margin-inline: auto;
  border-radius: 5px;
}

.testimonials {
  background-color: var(--tandaza-primary-color);
}

.testimonials h4:not(.title) {
  color: rgb(179, 179, 179);
}

.testimonials .title {
  color: var(--tandaza-light-grey);
}

.testimonials h5 {
  color: var(--tandaza-yellow);
}

.testimonials .bx {
  color: var(--tandaza-secondary-color);
  font-size: 3em;
}

.testimonial_img {
  height: 320px;
  overflow: hidden;
}

.testimonial_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 2px 6px var(--tandaza-yellow);
}

.services-container .banner {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

 .yellow-line {
  width: 6rem;
  height: .3rem;
  background-color: var(--tandaza-yellow);
}
.yellow-line-md {
  width: 4rem;
  height: .2rem;
  margin-block: 1em;
  background-color: var(--tandaza-yellow);
}

.container_1 .right-side h6 {
  color: var(--tandaza-primary-color);
  margin: 0 10px 0;
}

.container_1 {
  height: 640px;
}

@media(max-width:768px) {
  .container_1 {
    height: auto;
  }
}

.container_1 .left-side {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.container_1 .left-side img {
  height: 100%;
  width: 100%;
}

.image-cluster .image-wrapper {
  display: flex;
  justify-content: center;

}





.image-wrapper :is(img, video) {
  height: 100%;
  width: 100%;
}

.image-cluster .image-wrapper:not(:last-child) {
  margin-right: 2em;
}

@media(max-width:768px) {
  .image-cluster .image-wrapper:not(:last-child) {
    margin: 0;
    padding: 0;
  }
}

.image-cluster .image-wrapper:last-child {
  margin-inline-start: auto;
}



.sub-title2 p {
  /* Your CSS styles here */
  color: var(--tandaza-muted-grey);
  /* Example style */
  line-height: 1.5;
  /* Example style */
}

.sub-title2 h4:nth-child(1) {
  color: var(--tandaza-secondary-color);
}

.image-cluster {
  display: flex;
}


.image-wrapper img {
  width: 100%;
  height: auto;
}

.container-2 {
  min-height: 600px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-image: url('/web/20241007155211im_/https://www.tandazaafrica.com/public/assets/images/tandaza-itl.jpeg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 2em;
  opacity: .8;
  }
.container-2::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1;
}
.container-2 > *{
  position: relative; /* Create a stacking context */
  z-index: 2; /* Higher z-index to appear above the overlay */
}
.container-2 :has(h4, h6){
  color: white;
}
.ct2card-container{
  gap: 1em;
}
.ct2card{
  min-height: 15em;
  background-color: white;
  flex: 1;
  margin-bottom: 3rem;
  padding: 2em;
}
.ct2card:nth-child(1){
  background-color: var(--tandaza-yellow);
}
.title-icon{
  width: 50px;
}
.ct2card h6{
  color:var(--tandaza-near-black);
}

.container-3 {
  min-height: 300px;
  background-color: white;
  position: relative;
  padding: 2em;
  opacity: .8;
  z-index: 444;
  }

.container-3 .ct3card-wrapper{
  min-height: 8em;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  margin-top: -110px;
  margin-inline: 0;
  padding: 0;
 
  gap: 1em;
}
.ct3card-wrapper .ct3card{
  min-height: 15em;
  background-color: white;
  transition:background-color 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  flex: 1;
  margin-bottom: 3rem;
  padding: 2em;
  border-bottom: solid 5px var(--tandaza-yellow);
}
.ct3card:hover{
  background-color: var(--tandaza-primary-color);
  color: white;

}

/* -----------------------------Detailed Services--------------------------- */


.sdc-header{
  min-height: 360px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url('/web/20241007155211im_/https://www.tandazaafrica.com/public/assets/images/services-detail-tourism.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sdc-header::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  z-index: -1;
}
.sdc-header:has(h4,h6){
  color:white;
}

.sdc-header.contact-us{
  background-image: url('/web/20241007155211im_/https://www.tandazaafrica.com/public/assets/images/contactus.jpg');
}
.sdc-header.marketing{
  background-image: url('/web/20241007155211im_/https://www.tandazaafrica.com/public/assets/images/tandaza-marketing-and-branding.jpg');
}

.breadcrumb-item a{
  color: white;
  
}
.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, '>'); /* Use the custom property for the divider */
  color: white; /* Change this to your desired color */
  font-size: 1.2em; /* Adjust the size as needed */
  padding: 0 0.5em; /* Add some spacing */
}

.breadcrumb-item.active{
  color: var(--tandaza-yellow);
}
.content-container{
  gap: 3em;
  min-height: 100vh;
}
.left-side-bar{
  width: 70%;
}
@media screen and (max-width:768px) {
  .left-side-bar{
    width: 100%;
  }
}

.right-side-bar{
  width: 30%;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

@media screen and (max-width:768px) {
  .right-side-bar{
    width: 100%;
  }
}
.left-side-bar > img{
  width: 100%;
}
.left-side-bar h5{
  margin-top: 3em;
  color: grey;
}
.left-side-bar h4{
  font-size: 2.5em;
  font-weight: bold;

}
.left-side-bar h6{
  color: var(--tandaza-near-black);

}
.left-side-bar p{
  color: var(--tandaza-muted-grey);
}

.development-area-item :has(h4,h5,h6){
  margin-block: none;
}
.development-area-item a{
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--tandaza-primary-color);
}
.development-area-item .bx-check-circle {
  font-size: 3rem;
}
.development-area-item .bx-right-arrow-alt{
  font-size: 2rem;
}
.development-area-item .bx-check-circle{
  color: var(--tandaza-yellow);
}

.development-area-item {
  margin-bottom: 2rem;
}


.let-us-talk{
  min-height: 10em;
  padding: 2em;
  gap: 2em;
  position: relative;
  background-color: var(--tandaza-dark-grey);
}
.let-us-talk .bx-notepad{
  font-size: 3em;
}
.let-us-talk .bx-right-arrow-alt{
  font-size: 2em;
}

.let-us-talk :is(.bx-notepad, .bx-right-arrow-alt) {
  color: var(--tandaza-yellow);
}


.let-us-talk h4{
  color: white;
}
.let-us-talk p{
  color: var(--tandaza-muted-grey);
}
.let-us-talk a{
  color: var(--tandaza-yellow);
}

/* --------------------------------------------Contact Us------------------- */
#inputName::placeholder,
#inputEmail::placeholder,
#inputPhone::placeholder,
#inputSubject::placeholder,
#inputMessage::placeholder
{
  color: --tandaza-muted-grey;
  opacity: 0.7; 
}
.list-group {
  margin-block:1em
}
.list-group a{
text-decoration: none;
font-weight: 600;
}
.list-group-item{
  padding-block: 1em;
  border: none;
  border-bottom: 1px solid var(--tandaza-near-black);
  /* color: var(--tandaza-near-black); */
  transition: color .25s ease-in-out;
}
.list-group-item:hover{
 color: var(--tandaza-yellow);
}

.marketing-carousel .carousel-inner,
.marketing-carousel .carousel-item {
  height: 360px;

}

.marketing-carousel .carousel-item .title-1{
  padding-inline: 1em;
}
.marketing-carousel .carousel-item img{
  height: 100%;
  position: relative;
  z-index: -1;
}
.marketing-carousel .carousel-item::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.625);
  z-index: 1;
 
}
.carousel-item .title-1{
  position: absolute;
  top: 30%;
  color: var(--tandaza-yellow);
  z-index: 2;
  width: 50%;
}
.downloads{
  margin-block: 6em;
}
.downloads .list-group-item{
  border: none;
}
.downloads .bxs-file-pdf{
  font-size: 2em;
}
.downloads a{
  text-decoration: none;
  color: blueviolet;
  transition: color .15s ease-in-out;
}
.downloads a:hover{
  color: var(--tandaza-secondary-color);
  text-decoration: underline;
}
.footer {
  background-color: var(--tandaza-dark-grey);
  color: var(--tandaza-xtralight-yellow);
  padding: 50px 0;
}


.footer i {
  font-size: 2rem;
  color: white;
}

.footer h6 {
  color: var(--very-light-grey);
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bolder;
}

.footer p {
  color: var(--very-light-grey);
  line-height: 1.3;
}

.containers-wrapper {
  display: flex;
  flex-direction: column;
}
.footer .footer-links li {
  list-style: none;
  margin-bottom: 10px;
}

.footer .footer-links li a {
  color: var(--tandaza-smokey-white);
  text-decoration: none;
}

.footer .footer-links li a:hover {
  color: var(--tandaza-yellow);
}

.footer .social-icons li {
  display: inline-block;
  margin-right: 10px;
}

.footer .social-icons li:last-child {
  margin-right: 0;
}

.footer .social-icons li a {
  color: var(--tandaza-smokey-white);
  font-size: 24px;
  text-decoration: none;
}

.nav-pills .nav-link {
  color: var(--tandaza-primary-color);
}

.nav-pills .nav-link:hover {
  font-weight: 500;
  background-color: var(--tandaza-secondary-color);
  color: var(--tandaza-smokey-white);
}

.nav-pills .nav-link.active {
  background-color: var(--tandaza-yellow) !important;
  color: var(--tandaza-primary-color);
}
/*
     FILE ARCHIVED ON 15:52:11 Oct 07, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:07:31 Oct 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.479
  load_resource: 398.326
  PetaboxLoader3.resolve: 344.356
  PetaboxLoader3.datanode: 45.45
*/